<div class="profile" ng-init="initSocialAccounts()">
  <div class="media-list" style="margin-bottom: 45px;">
    <div ng-show="socialAccounts.length == 0">
      <p class='text-center gray-darker'>暂无账户，请点击添加！</p>
    </div>
    <div class="media" ng-repeat="socialAccount in socialAccounts" ng-hide="socialAccounts.length == 0">
      <div class="media-content text-center">
        <img ng-src="{{ socialAccount.picture && qiniuhost + socialAccount.picture + '!200' || 'angular/images/logo.png' }}" alt="media-logo" style="width: 30%; margin: 0 0px;"/>
        <p class="top-margin-5">我的{{socialAccount.type}}账号</p>
        <div class="clearfix">
          <span class="icon {{socialAccount.socialTypeLogo}} margin-20"></span>
          <a href="#/{{customerId}}/profile/social-accounts/{{socialAccount.id}}/edit"><span class="icon icon-edit margin-20"></span></a>
        </div>
      </div>
      <div class="media-footer text-center clearfix">
        <p class="pull-left horizontal-margin-20 gray-darker">好友数<br><span>{{socialAccount.fans}}</span></p>
        <p class="pull-right horizontal-margin-20 gray-darker"><span class="blue-darker">￥&nbsp;{{socialAccount.variable}}</span><br>预估价格</p>
      </div>
    </div>
  </div>


  <div class="media-add" ng-hide="activeSocialTypes.length == 0">
    <a class="btn btn-block client-btn no-radius" href="#/{{customerId}}/profile/social-accounts/add">添加新账户</a>
  </div>

</div>
